{$wrapper_prefix|default}

<link href="{$_STATIC_URL}/scripts/jquery-printarea/2.4.0/PrintArea.css" type="text/css" rel="stylesheet" />
<script src="{$_STATIC_URL}/scripts/jquery-printarea/2.4.0/jquery.PrintArea.js"></script>

<script src="{$_STATIC_URL}/archive/admin/js/print.index.js" type="text/javascript"></script>

<section class="hbox stretch">
    <aside class="bg-white b-r">
        <section class="vbox">
            <header class="header b-b b-t bg-white-only">
                <div class="m-t-sm">
                    <button id="btn_print" class="btn btn-sm btn-info pull-right">打印</button>
                </div>
            </header>
            
            <section class="scrollable wrapper">
                <section class="panel" style="border:1px dashed #666; width:690px; height:1090px;
                            position:absolute; left:50%; right:50%; margin-left:-345px;">
                    <div id="print_area" class="text-center">
                        <div class="col-sm-62 p-left-02 p-right-02" style="width:50%;float:left;">
                            <img src="/uploads{$contents.0.filepath}" border="0" data-width="{$contents.0.image_width}"
                                    data-height="{$contents.0.image_height}" />
                        </div>
                        <div class="col-sm-62 p-left-02 p-right-02" style="width:50%;float:right;">
                            <img src="/uploads{$contents.1.filepath}" border="0" data-width="{$contents.1.image_width}"
                                    data-height="{$contents.1.image_height}" />
                        </div>
                        <div style="clear:both;"></div>
                        <div class="col-sm-62 p-left-02 p-right-02" style="width:50%;float:left;">
                            <img src="/uploads{$contents.2.filepath}" border="0" data-width="{$contents.2.image_width}"
                                    data-height="{$contents.2.image_height}" />
                        </div>
                        <div class="col-sm-62 p-left-02 p-right-02" style="width:50%;float:right;">
                            <img src="/uploads{$contents.3.filepath}" border="0" data-width="{$contents.3.image_width}"
                                    data-height="{$contents.3.image_height}" />
                        </div>
                    </div>
                </section>
            </section>
        </section>
    </aside>
</section>

<!-- {literal} -->
<script type="text/javascript">
$(document).ready(function() {
    /**
     * 初始化图片
     */
    $('#print_area').find('img').each(function(){
        imgResize($(this), 320, 525);
    });
});
</script>
<!-- {/literal} -->

{$wrapper_suffix|default}